#previewMode {
  font-size: 22px; }

.previewOption {
  background-color: grey;
  color: wheat; }

.previewOption:hover {
  color: white; }

.previewSectionTitle {
  background-color: grey;
  color: white; }

.previewSectionElement {
  font-weight: bolder; }

.previewSubSectionElement {
  font-size: 18px; }

#previewMenu, #previewComponents {
  display: none; }

#previewComponents {
  position: absolute;
  width: auto;
  height: 100%;
  bottom: 0px;
  right: 0px;
  opacity: .95;
  overflow-y: auto;
  background-color: white;
  padding: 12px; }

#previewProjectObjects > div {
  margin-bottom: 14px; }

#testComponentsBackground, #testStylesBackground {
  /*background-color: bisque;
    position: absolute;
    z-index: 5;
    opacity: .9;
    width: 100%;
    height: 100%;*/ }

#previewProjectObjects > div {
  margin-bottom: 20px; }

.objectComponent {
  color: inherit;
  font-size: 14px; }

#sceneSection, #userMenuSection {
  display: none; }